/*general*/

body {
	padding:0;
	margin:0;
	background-color:#ccc;
	color:#000;
	text-align: center;
	font-family: JasmineUPC;
}

/*intro.html*/

.intro {
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	background-color:#000;
	background-image:url(../../ressources/images/intro.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:50% 100%; 
	background-size:100% auto;
}

.intro h1 {
	padding:0px;
	margin:1%;
	color:#fff;
	font-size:3.8em;
	text-align:center;
}

.intro .menu {
	margin:1%;
	list-style-type:none;
}

.intro .menu li{
	font-size:2.8em;
	margin:3%;
}

.intro .menu li a{
	color:#fff;
	text-decoration:none;
}

.intro .menu li a:hover{
	color:#acc;
	text-decoration:none;
}

/*main.html*/

#main {
	text-align:center;
	margin:0 auto;
	border: 1px solid black; 
	background-color: #ddd;
}

#loadBar {
	position:absolute;
	margin-left:300px;
	margin-top:200px;
}

/*mapEditor.html*/

.editor #main {
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;	
	border:none;
	text-align:left;
}

.editor {
	display:inline;
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	background-color:#000;
}

.editor .menu {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	background-image:url(../../ressources/images/toolBox.jpg);
	background-color:#ddd;
	background-size:100% auto;
	background-repeat: repeat-y;
}

.selector {
	margin-left:20%;
	width:60%;
	background-color:#cecece;
	border: 1px solid #333333;
}

.align {
	margin-left:30%;
	background-color:#cecece;
	border: 1px solid #333333;
}

.align tr {
}

.align tr td {
	text-align: left;
}